<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${article.title }</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="${resourceRoot }/css/index.css" rel="stylesheet">
<link href="${resourceRoot }/third-party/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

<style type="text/css">
	h2{
		color: #369;
	}
	.title{
		padding-left: 40px;
	}
	.info{
		margin-left: 8px;
		margin-right: 3px;
		color: #999;
		font-size: 12px;
	}
	.detail{
		text-indent: 2em;
		
	}
	.span4 li{
		margin: 10px 10px;
	}
	
html,body {
    height: 100%;
}

     

</style>
<link href="${resourceRoot }/third-party/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
</head>

<body>
<div id="wrap">

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="/">返回主页</a>
          <div class="nav-collapse collapse">
            <div class="navbar-form pull-right">
            	<span class="label">本类热点文章</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    
<div class="container-fluid" style="margin:80px 0px 0px 0px;">
  <div class="row-fluid">
    <div class="span8">
    	<div class="title">
    		<h2>${article.title }</h2>
    		<div class="info">发布时间：${article.createTimeStr }&nbsp;&nbsp;发布者：${article.author }&nbsp;&nbsp;点击次数：${article.views }</div>
    	</div>
    	<div class="detail">
    		${article.detail }
    	</div>
      
    </div>
    <div class="span4">
      	<ul>
      		<c:forEach items="${sameCategoryArticle.list }" var="art">
      			<li><a href="/article/${art.id }" target="_blank">${art.title }</a></li>
      		</c:forEach>
      		
      		
      	</ul>
    </div>
  </div>
</div>

</div>
<%@include file="../template/footer.html"%>
<script src="${resourceRoot }/js/jquery-1.9.0.min.js"></script>
<script src="${resourceRoot }/third-party/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>